


<style type="text/css">
    .ui-autocomplete-loading { background: white url('/images/ui-anim_basic_16x16.gif') right center no-repeat; }
</style>
<script type="text/javascript">
    $(function() {
        function log( message ) {
            $( "<div/>" ).text( message ).prependTo( "#log" );
            $( "#log" ).attr( "scrollTop", 0 );
        }
        $( "#colegios" ).autocomplete({
            source: "/index.php/turanking/verColegios",
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            minLength: 1,
            select: function( event, ui ) {
                callUrl('el_colegio','<?php echo url_for('turanking/MostrarColegioMini'); ?>'+'?id='+ui.item.id);
                callUrl('resultado_colegio','<?php echo url_for('turanking/MostrarColegio'); ?>'+'?id='+ui.item.id+'&metodo=blank');
            }
        });
    });
</script>

    <div style="font-size: 14px; font-weight: bold; color:#687183;">
        (1) Ingresa el nombre de tu establecimiento de cuarto medio:
    </div>
    <div class="ui-widget" style="padding-left: 90px; padding-top: 10px;">
        <input id="colegios" onclick="$('#colegios').val('')" />
    </div>
    <div id="el_colegio" style="margin-top: 20px">
    </div>

<style type="text/css">
    .ui-corner-all {
        font-size: 12px;
    }
</style>



    <div style="font-size: 14px; font-weight: bold; color:#687183;">
        (2) Ingresa tu promedio de notas de enseñanza media:
    </div>
<div id="resultado_colegio">

</div>

<div style="font-size: 14px; font-weight: bold; color:#687183;">
    (3) Tu puntaje Ranking:
</div>
<div id="resultado_puntaje">
    
</div>

